<template>
  <div>
    <van-nav-bar
      class="top"
      title="收藏列表"
      left-arrow
      @click-left="$router.back()"
    />

    <DetailItem v-for="item in list" :key="item.houseCode" :item='item'></DetailItem>

  </div>
</template>

<script>
import DetailItem from '@/components/detailItem'
import { getCollect } from '@/api/article'

export default {
  name: 'collect-page',
  components: {
    DetailItem
  },
  props: {},
  data () {
    return {
      list: []
    }
  },
  computed: {},
  watch: {},
  async created () {
    const res = await getCollect()
    this.list = res.body
    // console.log(this.list)
  },
  methods: {}
}
</script>

<style scoped lang="less">
.top {
  background-color: #56b37b;
  /deep/ .van-nav-bar__title {
    color: #fff;
  }
  /deep/.van-icon-arrow-left {
    color: #fff;
  }
}
</style>
